<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
		<title>发布内容</title>
	</head>
	<body style="margin:0;">
		<div class="tittle2" style="width:100%;height:30px;">
			<span style="color:orange;font-size:35px;margin-left:10px;">■ </span><span style="color:#cab09c;font-size:30px;font-weight:700;">拾光博客</span>
		</div>
		
		<div class="c16" style="width:100%;height:25px;">
			<p style="font-size:25px;color:#3e6b8c;margin-left:10px;line-height:25px;">发布新的内容...</p>
		</div>
		
		<div class="common" style="width:95%;height:200px;background:url(../img/1.jpg);background-size:cover;border-radius:10px;margin-left:2.5%;margin-top:4%;box-shadow:-5px 5px 13px #69708c, 5px -5px 13px #ffffff;background-position:top;">
			<div class="c17" style="width: 100%;height:30px;margin-left:10%;margin-top:5%;float:left;">
				<span style="font-size:35px;color:#b2c2d3;font-weight: 600;font-family:'bodoni mt';letter-spacing:2px;border-bottom:5px solid #ED2D22;">一般内容</span>
			</div>
			<div class="c19" style="width: 100%;height:20px;margin-left:10%;margin-top:10%;float:left;">
				<span style="font-size:20px;color:#b2c2d3;font-weight: 600;font-family:'bodoni mt';letter-spacing:2px;">可上传.txt/.doc/.docx文件</span>
			</div>
			<div class="bianji" style="width:27%;height:30px;border:2px solid #b2c2d3;border-radius:40px;margin-top:8%;margin-left:10%;text-align: center;float:left;">
				<span style="color:#b2c2d3;line-height:30px;font-family: '微软雅黑';">选择文件&nbsp;&#8594;</span>
			</div>
		</div>
		
		<div class="zujian" style="width:95%;height:200px;background:url(../img/2.jpg);background-size:cover;border-radius:10px;margin-left:2.5%;margin-top:4%;box-shadow:-5px 5px 13px #69708c, 5px -5px 13px #ffffff;background-position:top;">
			<div class="c18" style="width: 100%;height:30px;margin-left:10%;margin-top:5%;float:left;">
				<span style="font-size:35px;color:white;font-weight: 600;font-family:'bodoni mt';letter-spacing:2px;border-bottom:5px solid #ED2D22;">高级内容</span>
			</div>
			<div class="c20" style="width: 100%;height:20px;margin-left:10%;margin-top:10%;float:left;">
				<span style="font-size:20px;color:white;font-weight: 600;font-family:'bodoni mt';letter-spacing:2px;">可上传.md/.html/文件</span>
			</div>
			<div class="bianji" style="width:27%;height:30px;border:2px solid white;border-radius:40px;margin-top:8%;margin-left:10%;text-align: center;float:left;">
				<span style="color:white;line-height:30px;font-family: '微软雅黑';">选择文件&nbsp;&#8594;</span>
			</div>
		</div>
		
		<a href="img.html"><div class="picture" style="width:95%;height:200px;background:url(../img/10.jpg);background-size:cover;border-radius:10px;margin-left:2.5%;margin-top:4%;box-shadow:-5px 5px 13px #69708c, 5px -5px 13px #ffffff;background-position:top;">
			<div class="c15" style="width: 100%;height:30px;margin-left:10%;margin-top:5%;float:left;">
				<span style="font-size:35px;color:white;font-weight: 600;font-family:'bodoni mt';letter-spacing:2px;border-bottom:5px solid #ED2D22;">发布图像</span>
			</div>
			<div class="c20" style="width: 100%;height:20px;margin-left:10%;margin-top:10%;float:left;">
				<span style="font-size:20px;color:white;font-weight: 600;font-family:'bodoni mt';letter-spacing:1px;">可上传.jpg/.jpeg/.png/.webp文件</span>
			</div>
			<div class="bianji" style="width:27%;height:30px;border:2px solid white;border-radius:40px;margin-top:8%;margin-left:10%;text-align: center;float:left;">
				<span style="color:white;line-height:30px;font-family: '微软雅黑';">进入编辑&nbsp;&#8596;</span>
			</div>
		</div></a>
		
		<div class="notice" style="width:95%;height:400px;background:url(../img/13.jpg);background-size:cover;border-radius:10px;margin-left:2.5%;margin-top:4%;box-shadow:-5px 5px 13px #69708c, 5px -5px 13px #ffffff;background-position:top;">
			<div class="c21" style="width: 100%;height:30px;margin-left:10%;margin-top:5%;float:left;">
				<span style="font-size:35px;color:white;font-weight: 600;font-family:'bodoni mt';letter-spacing:2px;border-bottom:5px solid #ED2D22;">发布通知</span>
			</div>
			<div class="c22" style="width: 100%;height:20px;margin-left:10%;margin-top:10%;float:left;">
				<span style="font-size:20px;color:white;font-weight: 600;font-family:'bodoni mt';letter-spacing:1px;">仅可发布30字以内短讯息</span>
			</div>
	        
	        <form style="width:100%;height:300px;margin-top:2%;text-align:center;float: left;">
	        	<input style="width:80%;height:200px;border:0;margin:auto;marker-offset:2%;background:rgba(0,0,0,0.8);color:white;border-radius:10px;" type="text" value=" "/>
	        	<input style="width:25%;height:30px;border:2px solid white;border-radius:40px;margin-top:8%;margin-left:15%;text-align: center;float:left;background:none;color:white;" type="reset" value="重置 &#8593" />
	        	<input id="s1" style="width:25%;height:30px;border:2px solid white;border-radius:40px;margin-top:8%;margin-left:15%;text-align: center;float:left;background:none;color:white;" type="reset" onclick="myFunction()" value="提交 &#8595" />
	        </form>
		</div>

<script type="text/javascript" src="../js/script.js"></script>
<script type="text/javascript">
function myFunction() {
  alert("通知已发布");
 }
</script>
	</body>
</html>
